<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <!-- jQuery first -->
    <script th:src="@{/js/jquery-3.5.1.js}"></script>
    <script th:src="@{/js/bootstrap4.1.3.main.js}"></script>
    <link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
          integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
          referrerpolicy="no-referrer" rel="stylesheet">
    <link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.min.css"
          integrity="sha512-xX2rYBFJSj86W54Fyv1de80DWBq7zYLn2z0I9bIhQG+rxIF6XVJUpdGnsNHWRa6AvP89vtFupEPDP8eZAtu9qA=="
          referrerpolicy="no-referrer" rel="stylesheet">
    <link th:href="@{/css/adminlogin.css}" rel="stylesheet">
    <link th:href="@{/css/waiting.css}" rel="stylesheet">
    <title>AdminLogin</title>
</head>
<body>
<form method="post">
    <h1>停车场系统后台管理</h1>
    <div class="forms">
        <div class="top"></div>
        <strong style="font-size: 18px;margin-bottom: 5px;margin-top: 5px">管理员</strong>
        <strong style="height: 20px;margin-bottom: 2px"><span id="ALError" style="color:red;visibility:hidden;font-size: 15px;height: 20px;"></span></strong>
        <input class="regex" id="username" name="username" type="text" placeholder="账号">
        <input class="regex" id="password" name="password" type="password" placeholder="密码">
        <input id="verifyCode" name="verifyCode" placeholder="验证码" required type="text" class="regex">
        <img id="verifyCodeImg" onclick="refreshVerifyCode();" title="点击刷新" alt="点击刷新">
        <span>点击刷新</span>
        <div style="display: flex;align-items: center;width: 100%; margin-top: 5px;margin-bottom: 5px">
            <input type="checkbox" name="rememberMe" id="rem" style="margin-left: 120px">
            <label for="rem" style="width:70%;font-size: 15px;margin-left: -80px"><strong>记住我</strong></label>
        </div>
        <input class="button" id="sub" type="button" value="登录">
    </div>
</form>
<div id="app" style="display: none;">
    <div class="first-loading-wrp">
        <div class="loading-wrp">
        <span class="dot dot-spin">
          <i></i>
          <i></i>
          <i></i>
          <i></i>
        </span>
        </div>
        <h2>登录成功!</h2>
        <h2>正在进入系统...</h2>
    </div>
</div>
<input type="hidden" th:value="${Result?.getMsg()}" id="msg">
<script th:src="@{/js/AdminLogin.js}"></script>
</body>
</html>
